.z-table-tools-font-h {
    .z-tools-btn{
        .z-font-size{
            padding: 0px 6px;
            font-size: 16px;
        }
    }
    .options {

    }
}
.z-font-family-container{
    .z-font-size {
        font-size: 12px!important;
    }
    .options {
        left: -31px;
        width: 140px;
        text-align: center;
        padding-top: 6px;
        &::after{
            left: 67px;
        }
        .options-scroll-content{
            max-height: 500px;
            overflow-y: auto;
            .font-family-option-item {
                display: block;
                height: 24px;
                margin-top: 2px;
                position: relative;
                text-align: left;
                padding: 0px 10px 0px 18px;
                .font-family-selected-icon {
                    height: 12px;
                    width: 12px;
                    position: absolute;
                    left: 10px;
                    svg{
                        position: relative;
                        display: none;
                        top: 3px;
                        height: 12px;
                        width: 12px;
                    }
                }
                .family-value-content{
                    font-size: 14px;
                    color: rgba(0, 0, 0, 0.8);
                    padding: 0px 0px 0px 5px;
                }
                &:last-child{
                    margin-bottom: 6px;
                }
                &:hover {
                    background-color: #eee;
                    cursor: pointer;
                }
            }
            .font-family-option-item-active{
                .font-size-selected-icon {
                    svg{
                        display: block;
                    }
                }
            }
        }
    }
}